<template>
	<view class="box" :style="{ overflow: showWant? 'hidden' : 'auto' }">
		<uNavbar :title="titles" :bgColor="backgroundColor"></uNavbar>
		<!-- 商品 -->
		<!-- <view class="dengguang" v-if="checkMediaType(threeMoxing) == '3dmx'"></view> -->
		<view class="commodity flex_Z">
			<view class="commodity_top">
				<!-- <moxing v-if="checkMediaType(threeMoxing) == '3dmx'" :moxing="threeMoxing"></moxing> -->
				<image class="tupians" :src="info.three_d" mode="aspectFit"></image>
			</view>
			<view class="commodity_btm flex_ZC">
				<view class="commodity_btm_box">
					<view class="commodity_name flex_c">
						<text :class="info.name>8 ? 'namess':'names'">{{info.name}}</text>
					</view>
					
				</view>
			</view>
		</view>
		<view class="numss">
			剩余数量： <text>{{info.total_num}}</text>
		</view>
		<view class="mainwrap">
			<view class="tits">
				战力值要求：{{total}}/{{info.initial_ce}}
			</view>
	<!-- 		<view class="tits">
				当前用于合成的藏品价值：
			</view> -->
			<view class="addwrap" v-if="!isadd">
				<view class="add"  @click="goaddcp" >
					<image src="../../static/image/adds.png" mode=""></image>
					
				</view>
			</view>
			<view class="addwrap" v-if="isadd">
				<view class="add" v-for="(item ,index) in addlist" :key="item.id" >
					<image :src="item.good.goods_image" mode=""></image>
				</view>
			</view>
			<view class="btns" @click="goaddcp"> 
				放入材料
			</view>
		</view>
		<view class="notice_box flex_ZC">
			<view class="notice flex_c">
				<text class="tiao"></text>
				<text>合成须知</text>
				<text class="tiao"></text>
			</view>
			<view class="xuzhi">
				<rich-text class="f24 colors" :nodes="nodeCentent"></rich-text>
			</view>
		</view>

		<view class="buy_btn flex_ld_a">
			<text class="caise" :style="info.is_qualify? 'opacity:1':'opacity:0.6' " @click="submit">立即合成</text>
		</view>
		<u-popup :show="tipShow" mode="center" @close="tipShow = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36 tipss">恭喜，您合成了</text>
				<view class="items" v-for="(item,index) in ilist" :key="item.id" >
					<image :src="item.goods_image" mode=""></image>
					<view  class="text" >{{item.goods_name}}*{{item.num}}</view>
				</view>
			
				
				<view class="prompt_ntm" @click="golist()">
					<text>去领取</text>
				</view>
				<view class="empty"></view>
			</view>
		</u-popup>
		<view class="empty3">
			
		</view>
	</view>
</template>

<script>
	import {
		activityDetail,synthetic
	} from '../../api/other.js'
	export default {
		data() {
			return {
				backgroundColor: "transparent", //标题背景颜色
				showWant: false, //弹窗
				titles: "合成活动详情",
				threeMoxing: "",
				checkLength: "",
				info: {},
				hold:"",
				nodeCentent:"",
				nodeCentent2:"",
				tipShow2:false,
				tipShow:false,
				ilist:[],
				addlist:[],
				isadd:false,
				total:"0.00",
				selectedIds:[]
			}
		},
		onLoad(e) {
			this.id = e.id
			this.getdetail()
		},
		onShow(e) {
			
			
			if(uni.getStorageSync("addlist")){
				this.total=uni.getStorageSync("addtotal")
				this.addlist=uni.getStorageSync("addlist")
				this.selectedIds=uni.getStorageSync("selectedIdss")
				this.isadd=true
				uni.removeStorageSync("addlist")
				uni.removeStorageSync("addtotal")
				uni.removeStorageSync("selectedIdss")
			}else{
				this.isadd=false
			}
			this.tipShow=false
		},

		methods: {
			goaddcp(){
				uni.navigateTo({
					url:"/pagesMy/debris/addcplist?id="+this.id
				})
			},
			submit(){
				if(this.total<this.info.initial_ce){
					uni.$u.toast("合成的藏品价值小于合成需要的战力值")
				}else{
					synthetic({
						id:this.id,
						space_id:this.selectedIds.join(",")
					}).then(res=>{
						if(res.code==1){
							this.ilist=res.data.synthetic_goods_items
							this.tipShow=true
							this.getdetail()
						}else{
							uni.$u.toast(res.msg)
						}
						
					})
				}
		
			},
			gopay(ss){
				if(ss==0){
					this.tipShow2=true
					
				}
			},
			golist(){
				uni.navigateTo({
					url:"/pagesMy/debris/debrislisttwo"
				})
			},
			gosj(){
				uni.switchTab({
					url:"/pages/index/incubationHall"
				})
				uni.setStorageSync("stype",3)
			},
			getdetail() {
				activityDetail({
					id: this.id
				}).then(res => {
					this.info = res.data
					const regex = new RegExp('<img', 'gi');
					if (res.data.info) {
						var htmlContent = res.data.info
						htmlContent = htmlContent.replace(regex, `<img style="max-width: 100%;"`)
						this.nodeCentent = htmlContent;
					}
					
				})
			},
			onPageScroll: function(e) {
				const scrollTop = e.scrollTop; // 获取页面滚动位置
				// 根据滚动位置修改状态栏样式
				if (scrollTop > 100) {
					this.backgroundColor = '#E0DDDA';
				
				} else {
					this.backgroundColor = 'transparent';
				
				}
				console.log("滚动距离为：" + e.scrollTop);
			},

		},
		checkLength(v) {
			const realLength = v.length;
			return realLength;
		},
		//触底加载
		onReachBottom() {
			console.log('触底加载');
			if (this.status != 'nomore') {
				this.page = this.page + 1
				this.isMarketList()
			}
		},

	}
</script>

<style scoped lang="scss">
	.box {
		position: relative;
		z-index: 99;
		width: 750rpx;
		height: 100vh;

	}
	.mainwrap{
		width: 690rpx;
		min-height: 312rpx;
		background: #F2F2F2;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		padding-bottom: 20rpx;
		.tits{
			height: 40rpx;
			font-weight: 400;
			font-size: 24rpx;
			color: #666666;
			padding-top: 20rpx;
			margin-left: 26rpx;
		}
		.addwrap{
			width: 600rpx;
			display: flex;
			margin: 0 auto;
			margin-top: 40rpx;
			flex-wrap: wrap;
			
			.add{
				margin-right: 10rpx;
				margin-left: 10rpx;
				>image{
					width: 80rpx;
					height: 80rpx;
					border-radius: 12rpx 12rpx 12rpx 12rpx;
				}
			}
			
		}
		.btns{
			width: 208rpx;
			height: 64rpx;
			background: #A68A64;
			border-radius: 536rpx 536rpx 536rpx 536rpx;
			text-align: center;
			line-height: 64rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #FFFFFF;
			margin: 0 auto;
			margin-top: 50rpx;
		
		}
	}
	.items {
		width: 560rpx;
		margin: 0 auto;
		display: flex;
		// justify-content: center;
		align-items: center;
		margin-top: 20rpx;
		>image {
			width: 80rpx;
			height: 80rpx;
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			margin-left: 120rpx;
		}
	
		.text {
			max-width: 300rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #666666;
			margin-left: 20rpx;
			// white-space: nowrap;
			// /* 文本不换行 */
			// overflow: hidden;
			// /* 隐藏超出部分 */
			// text-overflow: ellipsis;
			/* 显示省略号 */
		}
	}
	.hcwrap{
		align-items: center;
		display: flex;
		.hcwrapleft{
			width: 500rpx;
			display: flex;
			align-items: center;
			.hcwraplefttop{
				width: 300rpx;
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				.texts1{
					width: 300rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					white-space: nowrap;       /* 不允许换行 */
					  overflow: hidden;          /* 隐藏超出的文本 */
					  text-overflow: ellipsis;   /* 用省略号表示超出的文本 */
				}
				.texts2{
					width: 300rpx;
					font-weight: 400;
					font-size: 24rpx;
					color: #666666;
					white-space: nowrap;       /* 不允许换行 */
					  overflow: hidden;          /* 隐藏超出的文本 */
					  text-overflow: ellipsis;   /* 用省略号表示超出的文本 */
				}
			}
			>image{
				width: 92rpx;
				height: 92rpx;
				border-radius: 12rpx 12rpx 12rpx 12rpx;
			}
		}
		.hcwrapright{
			width: 50rpx;
			height: 50rpx;
		}
		
	}
	.notice_box {
		width: 690rpx;
		background: #F2F2F2;
		border-radius: 20rpx;
		margin: 24rpx auto;
		padding-bottom: 20rpx;
	}
	
	.notice {
		width: 100%;
		padding: 20rpx 0;
	}
	
	.notice>text:nth-child(2) {
		font-size: 36rpx;
		color: #A68A64;
		font-family: 'iconfont2';
		margin: 0 24rpx;
	}
	
	.tiao {
		width: 154rpx;
		height: 6rpx;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
		border-radius: 4rpx;
	}
	
	.xuzhi {
		padding: 0 50rpx;
		overflow: auto;
	}
	.numss{
		width: 690rpx;
		height: 70rpx;
		background: #F2F2F2;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 0 auto;
		font-weight: 400;
		font-size: 24rpx;
		color: #3D3D3D;
		line-height: 70rpx;
		padding-left: 30rpx;
		>text{
			font-size: 30rpx;
			font-weight: 600;
			color: #FF4040;
		}
	}
	.tipss{
		font-weight: 500;
		font-size: 36rpx;
		color: #333333;
	}
	.tip {
		margin-top: 80rpx;
		width: 690rpx;
		margin: 0 auto;
		margin-top: 76rpx;
	
		.tit {
			font-weight: 400;
			font-size: 30rpx;
			color: #333;
		}
	
		>text {
			font-weight: 400;
			font-size: 24rpx;
			color: #A6A5AF;
		}
	}
	.mains{
		width: 690rpx;
		min-height: 254rpx;
		background: #F2F2F2;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.item{
		width: 140rpx;
		position: relative;
		display: flex;
		margin-left: 50rpx;
		margin-right: 40rpx;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		flex-direction: column;
		.tags{
			width: 62rpx;
			height: 38rpx;
			background: rgba(0,0,0,0.6);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			position: absolute;
			right: 2rpx;
			top: 2rpx;
			z-index: 8;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
		}
		>image{
			width: 140rpx;
			height: 140rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
		}
		>text{
			font-weight: 400;
			font-size: 28rpx;
			color: #3D3D3D;
			width: 140rpx;
		}
	}
	@font-face {
		font-family: 'iconfont2';
		src: url("~@/iconfont/YouSheBiaoTiHei.ttf");
	}

	/*  #ifdef  APP-ANDROID || APP-IOS */
	.dengguang {
		position: absolute;
		top: -20rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 546rpx;
		height: 780rpx;
		background: #ffffff10;
		background: url(../../static/icon/dg.png);
		background-size: 100% 100%;
		pointer-events: none;
		z-index: 8;
	}

	/*  #endif  */

	/*  #ifdef  H5 ||WEB  */
	.dengguang {
		position: absolute;
		top: -20rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 546rpx;
		height: 700rpx;
		background: #ffffff10;
		background: url(../../static/icon/dg.png);
		background-size: 100% 100%;
		pointer-events: none;
		z-index: 8;
	}

	/*  #endif  */

	.commodity {
		width: 560rpx;
		margin: 0 auto;
		margin-top: -90rpx;
	}

	.commodity_top {
		position: relative;
		width: 92%;
		height: 580rpx;
		/* background: url(../../static/image/bg11.png);
		background-size: 100% 100%; */
		margin: 0 auto;
		z-index: 7;
	}

	.tupians {
		position: absolute;
		top: 20rpx;
		left: 50%;
		width: 100%;
		height: 560rpx;
		transform: translateX(-50%);
		z-index: 5;
	}

	.commodity_btm {
		position: relative;
		width: 532rpx;
		height: 282rpx;
		background: url(../../static/image/bg12.png);
		background-size: 100% 100%;
		margin: 0 auto;
		z-index: 6;
	}

	.commodity_btm_box {
		width: 58%;
		margin-top: 120rpx;
	}

	.commodity_name {
		font-size: 36rpx;
		margin-bottom: 30rpx;
		text-align: center;
	}

	.names {
		font-size: 36rpx;
		color: #9E845F;
	}

	.namess {
		font-size: 30rpx;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		color: #9E845F;
	}

	.series_box {
		background: #221B32;
		font-size: 20rpx;
		padding-right: 6rpx;
	}

	.series_box>text:nth-child(1) {
		font-size: 22rpx;
		padding: 6rpx 10rpx;
		border-radius: 10rpx;
		background: linear-gradient(274deg, #0014FF, #8020EF, #FF2CDF);
		margin-right: 8rpx;
	}

	.issuer {
		width: 690rpx;
		margin: 0 auto;

	}

	.issuer_box {
		width: 100%;
		height: 116rpx;
		border-radius: 20rpx;
		background: #F2F2F2;
	}

	.issuer_box>image {
		width: 76rpx;
		height: 76rpx;
		border-radius: 50%;
		margin: 0 26rpx;
	}

	.mart30 {
		margin-top: 30rpx;
	}

	.issuer_btm {
		width: 78%;
	}

	.issuer_btm>text:nth-child(2) {
		/* background: pink; */
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.qushi {
		width: 40rpx !important;
		height: 40rpx !important;
	}

	.describe_box {
		width: 690rpx;
		margin: 0 auto;
		background: #f2f2f2;
		padding-bottom: 40rpx;
		border-radius: 20rpx;
		margin-top: 20rpx;
	}

	.describe_tit {
		width: 636rpx;
		margin: 40rpx auto;
		padding-top: 50rpx;
		border-radius: 20rpx 20rpx 0 0;

	}

	.sss>text {
		margin-right: 50rpx;
		font-size: 36rpx;
		color: #A7A4AD;
	}

	.describe_ntm {
		width: 690rpx;
		min-height: 100rpx;
		/* max-height: 1200rpx; */
		margin: 0 auto;
		padding-top: 20rpx;
	}

	.describe_ntm>image {
		
		width: 634rpx;
		height: 100%;
	}

	.active {
		color: #ffffff !important;
	}

	.qyi_box {
		background: #15120D;
	}

	.qyi {
		background: #29231E;
	}

	.ys_box {
		background: #150D10;
	}

	.yshou {
		background: #271E29;
	}

	.color1 {
		color: #D8BB8C;
	}

	.color2 {
		color: #CF8CD8;
	}

	.equity_box {
		width: 638rpx;
		margin: 24rpx auto 0;
	}

	.equity {
		width: 100%;
		font-size: 32rpx;
	}

	.equity_top {
		width: 100%;
		height: 86rpx;
		line-height: 86rpx;
		padding-left: 24rpx;
	}

	.equity_list {
		width: 100%;
		/* min-height: 200rpx; */
		/* max-height: 500rpx; */
	}

	.bor_btm {
		// border-bottom: 1rpx solid #29231E;
	}

	.bor_r {
		border-right: 1rpx solid #29231E;
	}

	.equity_list>text:nth-child(1) {
		width: 35%;
		height: 86rpx;
		line-height: 86rpx;
		padding-left: 24rpx;
		font-size: 28rpx;
	}

	.equity_list>text:nth-child(2) {
		width: 65%;
		margin-left: 24rpx;
		font-size: 24rpx;
	}

	.equity_list_s>text:nth-child(1) {
		width: 35%;
		height: 86rpx;
		line-height: 86rpx;
		padding-left: 24rpx;
		font-size: 28rpx;
	}

	.equity_list_s>text:nth-child(2) {
		width: 30%;
		margin-left: 24rpx;
		font-size: 24rpx;
	}

	.equity_list_s>text:nth-child(3) {
		width: 35%;
		margin-left: 24rpx;
		font-size: 24rpx;
	}

	.quanyi {
		width: 92%;
		overflow: hidden;
		color: #333;
		font-size: 28rpx;
	}

	.quanyi_s {
		width: 100%;
		overflow: hidden;
		color: #ffffff;
		font-size: 28rpx;
		padding: 20rpx 30rpx;
	}

	.notice_box {
		width: 690rpx;
		background: #F2F2F2;
		border-radius: 20rpx;
		margin: 24rpx auto;
		padding-bottom: 20rpx;
	}

	.notice {
		width: 100%;
		padding: 20rpx 0;
	}

	.notice>text:nth-child(2) {
		font-size: 36rpx;
		color: #A68A64;
		font-family: 'iconfont2';
		margin: 0 24rpx;
	}

	.tiao {
		width: 154rpx;
		height: 6rpx;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
		border-radius: 4rpx;
	}

	.xuzhi {
		width: 660rpx;
		margin: 0 auto;
		padding: 0 50rpx;
		overflow: auto;
	}

	.colors {
		color: #666666;
		line-height: 1.6;
	}

	.technology {
		width: 100%;
		/* background: pink; */
	}

	.technology>image {
		width: 70%;
		height: 60rpx;
	}

	.buy_btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 152rpx;
		background: #ffffff;
		>text{
			width: 80%;
		}
	}

	.sells {
		width: 224rpx;
		height: 76rpx;
		line-height: 76rpx;
		border-radius: 36rpx;
		border: 1rpx solid #FFFFFF;
		font-size: 32rpx;
		text-align: center;
		color: #ffffff;
		border: 1rpx solid #ffffff80;
	}

	.caise {
		width: 224rpx;
		height: 76rpx;
		line-height: 76rpx;
		border-radius: 36rpx;
		border: 1rpx solid #FFFFFF;
		font-size: 32rpx;
		text-align: center;
		color: #ffffff;
		border: none !important;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
	}

	.ssss {
		width: 690rpx;
		height: 76rpx;
		line-height: 76rpx;
		border-radius: 36rpx;
		border: 1rpx solid #FFFFFF;
		font-size: 32rpx;
		text-align: center;
		color: #ffffff;
		border: none !important;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
	}

	.bgs {
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
	}

	.no_bgs {
		background: linear-gradient(274deg, #ab9880, #d7c4aa);
	}

	.no_bgs>text {
		color: #ffffff50 !important;
	}

	.scroll-Y {
		min-height: 400rpx;
		max-height: 1300rpx;
	}

	.want_box {
		position: fixed;
		z-index: 500;
		bottom: 0;
		width: 100%;
		min-height: 400rpx;
		max-height: 1300rpx;
		background: #E0DDDA;
		border-radius: 20rpx 20rpx 0 0;
		color: #333333;
	}

	.want {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		padding: 40rpx 0 40rpx 40rpx;
		border-bottom: 1rpx solid #ffffff10;
	}

	.times {
		color: #D7D6E1;
		margin-top: 10rpx;
	}

	.choice {
		width: 100%;
		padding: 0 40rpx;
		margin: 30rpx 0;
	}

	.choice>text {
		width: 132rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		border-radius: 40rpx;
		border: 2rpx solid #A68A64;
		color: #A68A64;
	}

	.choice_l {
		width: 132rpx;
		height: 46rpx;
		line-height: 46rpx;
		text-align: center;
		background: #F2F2F2;
		border-radius: 40rpx;
	}

	.choice_r {
		margin-left: 10rpx;
	}


	.csqx {
		position: relative;
		width: 670rpx;
		height: 184rpx;
		border-radius: 22rpx;
		margin: 20rpx auto;
		background: #F2F2F2;
	}

	.me_daoj {
		opacity: 0.5 !important;
	}

	.mys {
		padding: 0rpx 14rpx;
		border-radius: 10rpx;
		color: #ffffff !important;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
	}

	.list_s_box {
		width: 100%;
		padding: 10rpx 32rpx;
		margin-top: 20rpx;
	}

	.list_s_box>text:nth-child(1) {
		width: 75%;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.selects {
		width: 10%;
	}

	.selects>image {
		width: 36rpx;
		height: 36rpx;
	}

	.oneself {
		position: absolute;
		top: 0;
		left: 0;
		background: pink;
	}

	.colora {
		color: #666666;
	}

	.fhtb {
		width: 30rpx;
		height: 30rpx;
		margin-right: 10rpx;
	}

	.batch {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 150rpx;
		background: #FFFFFF;
	}

	.batch_l {
		width: 60%;
		padding-left: 40rpx;
	}

	.batch_l_t {
		color: #333333;
		margin-bottom: 20rpx;
	}

	.batch_l_t>text {
		margin-right: 30rpx;
	}

	.batch_r {
		width: 40%;
	}


	.batch_r>text {
		width: 224rpx;
		height: 76rpx;
		line-height: 76rpx;
		text-align: center;
		font-size: 32rpx;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
		border-radius: 40rpx;
		color: #ffffff;
	}

	.pay {
		width: 100%;
		background: #E0DDDA;
		border-radius: 20rpx 20rpx 0 0;
		color: #333333;
		overflow: auto;
	}


	.pay>text {
		font-size: 36rpx;
		margin: 60rpx 0;
	}

	.pay_box {
		width: 694rpx;
		background: #F2F2F2;
		border-radius: 18rpx;
	}

	.pay_box_c {
		font-size: 24rpx;
		padding: 28rpx 28rpx 0;
	}

	.pay_box_c>text:nth-child(1) {
		color: #666666;
	}

	.pay_box_c>text:nth-child(2) {
		width: 70%;
		text-align: right;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}


	.pay_money {
		width: 92%;
		padding: 30rpx 0;
		margin: 30rpx auto 0;
		font-size: 24rpx;
		border-top: 1rpx solid #ffffff20;
	}

	.pay_img {
		width: 32rpx;
		height: 32rpx;
	}

	.go_pay {
		font-size: 36rpx;
		font-family: 'iconfont2';
		margin-left: 10rpx;
	}

	.tips {
		width: 694rpx;
		/* height: 328rpx; */
		background: #353168;
		border-radius: 18rpx;
		margin: 30rpx 0;
		padding-bottom: 20rpx;
	}

	.tips>text {
		margin: 28rpx;
	}

	.tips_box {
		padding: 0 28rpx;
	}

	.buyNow {
		width: 690rpx;
		height: 88rpx;
		background: linear-gradient(274deg, #AB8E68, #D7BA93);
		border-radius: 40rpx;
		margin: 46rpx 0;
		color: #ffffff;
	}
	.prompt {
		width: 600rpx;
		min-height: 400rpx;
		background: #E0DDDA;
		margin: 0 auto;
		border-radius: 20rpx;
		color: #333;
		padding-top: 30rpx;
	}

	.prompt>text {
		margin-top: 40rpx;
	}

	.prompt_tit {
		margin: 0 30rpx;
		font-size: 28rpx;
		color: #333;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.prompt_ntm {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30rpx;
		width: 414rpx;
		height: 72rpx;
		line-height: 72rpx;
		background: linear-gradient( 90deg, #AB8E68 0%, #D7BA93 100%);
		border-radius: 28rpx;
		margin-top: 80rpx;
		color: #ffffff;
	}


	/deep/.u-number-box__minus {
		background: #2E2A56 !important;
	}

	/deep/.u-number-box__plus {
		background: #2E2A56 !important;
	}
</style>